.bestList {
    *{
        background-repeat:no-repeat;
        background-size:100%;
    }
    .listTab {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: -.80rem auto 0;
        position: relative;

        li {
            width: 2.6rem;
            height: .9rem;
            cursor: pointer;
            user-select: none;
            flex-shrink: 0;

            &:first-child {
                background: url(../img/list/tab1-m.png)top center no-repeat;
                background-size: 100% 100%;

                &.active {
                    background: url(../img/list/tab1_a-m.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }

            &:nth-child(2) {
                background: url(../img/list/tab2-m.png)top center no-repeat;
                background-size: 100% 100%;
                width: 2.49rem;
                margin: 0 -1rem;

                &.active {
                    background: url(../img/list/tab2_a-m.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }

            &:nth-child(3) {
                background: url(../img/list/tab3-m.png)top center no-repeat;
                background-size: 100% 100%;

                &.active {
                    background: url(../img/list/tab3_a-m.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }
        }
    }

    .userList {
        position: relative;width: 7.4rem;height: 22rem;padding-top: 0.01rem;
        background-image: url(../img/list/user/userBg-m.png?v=1.0);margin: 0.4rem auto 0;
        .userTop0 {
            margin-top: 0.2rem;
        }
        .userTop {
            background-image: url(../img/list/user/topbg4-m.png);color: #CD83DE;
            position: relative;width: 6.94rem;height: 1.74rem;margin-left: 0.25rem;margin-bottom: 0.1rem;
            .awardBoxu {
                width: 4.2rem;position: absolute;left: 2.7rem;top:0.33rem;
                display: -webkit-flex;flex-direction:row;justify-content:space-around;
                .award {
                    display:flex;display: -webkit-flex;flex-direction:column;align-items: center;text-align: center;
                    height: 1.25rem;
                    .imgcls{
                        width: 0.7rem;height: 0.7rem;display: -webkit-flex;align-items: center;justify-content:center;
                        background-image: url(../img/list/guild/awbg.png);
                        img{
                            max-width:0.7rem;max-height: 0.7rem;
                        }
                    }
                    .txt {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding-top: 0.03rem;
                       font-size: 0.16rem;line-height: 0.18rem;
                    }
                }
            }
            .rankN{
                position: absolute;left: 0.1rem;top:0.03rem;
                font-weight: 800;font-size: 0.22rem;color: #CF8CB7;line-height: 0.26rem;
            }

            &.userTop0 {
                background-image: url(../img/list/user/topbg1-m.png);
                width: 6.94rem;height: 2.2rem;color: #FF6E0E;
                .awardBoxu {
                    left: 2.6rem;top:0.65rem;
                    .award {

                    }
                }
                .infoBox {
                    .headImg {
                        left: 0.25rem;top: 0.67rem;
                    }
                    .infodiv{
                        position: absolute;top: 0.75rem;
                    }
                    .info {
                        color: #FF0000;
                    }
                }
            }

            &.userTop1 {
                background-image: url(../img/list/user/topbg2-m.png);color: #0E7FFF;
                width: 6.94rem;height: 2.2rem;
                .awardBoxu {
                    left: 2.6rem;top:0.65rem;
                    .award {
                        .txt{
                            color: #0E7FFF;
                        }
                    }
                }
                .infoBox {
                    .headImg {
                        left: 0.27rem;top: 0.69rem;
                    }
                    .infodiv{
                        position: absolute;top: 0.75rem;
                    }
                    .info {
                        color: #0C00FF;
                    }
                }
            }

            &.userTop2 {
                background-image: url(../img/list/user/topbg3-m.png);
                width: 6.94rem;height: 2.2rem;color: #B88456;
                .awardBoxu {
                    left: 2.6rem;top:0.65rem;
                    .award {
                        .txt{

                        }
                    }
                }
                .infoBox {
                    .headImg {
                        left: 0.26rem;top: 0.7rem;
                    }
                    .infodiv{
                        position: absolute;top: 0.75rem;
                    }
                    .info {
                        color:#7B4423;
                    }
                }
            }

            .infoBox {
                display: flex;flex-direction: column;align-items: center;width: 2.2rem;

                .headImg {
                    width: 0.7rem;height:0.7rem;
                    background: url(../img/list/user/headbg.png)top center no-repeat;background-size: 100% 100%;
                    position: absolute;left: 0.3rem;top: 0.45rem;

                    img {
                        width: 0.68rem;height:0.68rem;border-radius: 50%;
                        position: relative;left: 0.01rem;top: 0.01rem;
                    }

                    span {
                        display: block;
                        position: absolute;
                        bottom: 0.27rem;
                        left: 0.8rem;
                        background: url(../img/list/user/top1Title.png)top center no-repeat;
                        background-size: 100% 100%;
                        width: 0.53rem;
                        height: 0.23rem;
                    }
                }
                .infodiv{
                    position: absolute;left: 1.1rem;top:0.5rem;
                }

                .info {
                    padding-left: 0.05rem;width: 1.6rem;text-align: left;line-height: 0.3rem;color: #AB5ABD;
                    .uname{
                        font-size: 0.22rem;font-weight: 600;
                    }
                    .uid{
                        font-size: 0.22rem;font-weight: 400;
                    }
                }

                .infoScore {
                    width: 2.5rem;height: 0.24rem;padding-left: 0.05rem;position: absolute;left: -0.75rem;top: 0.75rem;
                    background-image: url(../img/list/user/bgg-m.png);font-size: 0.2rem;font-weight: 400; line-height: 0.24rem;

                }
            }
        }
        .myScore_box {
            width: 6.9rem;
            height: 0.94rem;
            background: url(../img/list/user/bgg4.png?v=1.0)top center no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            margin: 0.2rem auto 0;
            .title{
                position: relative;width: 1.55rem;
            }
            .myScore {
                width: 5.35rem;
                height: 0.46rem;
                position: relative;
                display: flex;
                align-items: center;



                    font-weight: 400;
                    font-size: 0.16rem;
                    color: #FB58CB;
                .pn{
                    font-weight: 800;font-size: 0.28rem;color: #FB58CB;font-style: italic;width: 1.1rem;text-align: center;
                }
                .pid{
                    width: 1.3rem;font-size: 0.22rem;text-align: center;
                    display: -webkit-flex;flex-direction:column;
                }
                .pnn{
                    display: -webkit-flex;flex-direction:column;font-size: 0.22rem;
                   text-align: center;width: 1.5rem;
                }
                .ps{
                    display: -webkit-flex;flex-direction:column;text-align: center;
                    font-weight: 400;font-size: 0.22rem;color: #FB58CB;width: 1.3rem;
                }
            }
        }

        .userReward{
            position: absolute;width: 100%;top: 170px;display: none;
            .content{
                position: relative;width: 300px;height: 280px;margin: auto;
                background-image: url(../img/list/user/rewardbg.png?v=1.0);
                .rewarddiv{
                    position: absolute;width: 100px;height: 88px;left: 100px;top:56px;
                    .reimg{
                        position: relative;margin: auto;max-width: 100px;max-height: 88px;border-radius:10px;
                    }
                    .txt{
                        position:absolute;font-weight: 400;font-size: 14px;color: #FF4C70;line-height: 16px;width: 100%;
                        text-align: center;top:93px;
                    }
                }
                .okBtn{
                    background-image: url(../img/list/user/lqubtn.png?v=1.0);
                    position: absolute;width: 180px;height: 40px;left: 60px;top:185px;
                }
                .sm{
                    position: absolute;font-weight: 400;font-size: 12px;color: #DF6F6F;
                    line-height: 16px;text-align: center;width: 100%;top:235px;
                }
                .close{
                    position: absolute;width: 28px;height: 28px;left: 285px;top:-15px; cursor: pointer;
                    background-image: url(../img/list/user/close.png?v=1.0);
                }
            }
        }
    }

    .userTip {
        width: 6.50rem;
        height: .32rem;
        background: #D4CFFA;
        border-radius: .14rem;
        margin: .25rem auto 0;
        font-size: .18rem;
        text-align: center;
        color: #49427C;
        line-height: .32rem;
    }

    .anchorList {
        width: 7.4rem;height: 20rem;background-image: url(../img/list/anchor/anchorBg-m.png);
        margin: 0.1rem auto 0;
        .userTop0 {
            margin-top: 0.2rem;
        }

        .userTop {
            background-image: url(../img/list/anchor/top4-m.png);
            position: relative;width: 6.94rem;height: 1.44rem;margin: auto;margin-bottom: 0.1rem;color: #CD83DE;
            .awardBox {
                width: 5rem;position: absolute;left: 1.6rem;top:0.1rem;height: 1.24rem;
                display: -webkit-flex;flex-direction:row;justify-content:space-around;align-items: center;
                .award {
                    display:flex;display: -webkit-flex;flex-direction:column;align-items: center;text-align: center;position: relative;
                    height: 0.9rem;width: 1.1rem;
                    .imgcls{
                        position:relative;width: 0.54rem;height: 0.54rem;background-image: url(../img/list/guild/awbg.png);
                        display:flex;align-items: center;
                        img{
                            max-width: 0.54rem;max-height: 0.54rem;
                        }
                    }
                    .txt {
                        position:absolute;line-height: 0.18rem;text-align: center;top:0.55rem;font-size: 0.16rem;font-weight: 400;padding-top: 0.05rem;
                    }
                }
            }
            .rankN{
                position: absolute;left: 0.5rem;top:0.55rem;background-size: 100% 100%;width: 0.82rem;height: 0.32rem;
            }

            &.userTop0 {
                background-image: url(../img/list/anchor/top1-m.png); color: #FF6E0E;
                width: 7.14rem;height: 2.7rem;
                .awardBox {
                    left: 3rem;top:0.3rem;width: 3.5rem;height: 2.2rem;flex-wrap:wrap;
                    .award {
                        position: relative;width: 1.1rem;

                    }
                }

            }

            &.userTop1 {
                background-image: url(../img/list/anchor/top2-m.png);color: #0E7FFF;
                width: 7.14rem;height: 2.7rem;
                .awardBox {
                    left: 3rem;top:0.3rem;width: 3.5rem;height: 2.2rem;flex-wrap:wrap;
                    .award {
                        position: relative;width: 1.1rem;

                    }
                }
            }

            &.userTop2 {
                background-image: url(../img/list/anchor/top3-m.png);color: #CD7455;
                width: 7.14rem;height: 2.7rem;
                .awardBox {
                    left: 3rem;top:0.3rem;width: 3.5rem;height: 2.2rem;flex-wrap:wrap;
                    .award {
                        position: relative;width: 1.1rem;

                    }
                }
            }
        }

    }

    .guildList {
        height: 17.4rem;

        .part1 {
            width: 6.74rem;
            height: 5.84rem;
            margin: 0.2rem auto 0;
            padding-top: 0.4rem;
            padding-bottom: 0.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            /*background: url(../img/list/guild/part1.png)top center no-repeat;*/
            background-size: 100% 100%;

            .part1Item {

                width: 2.2rem;height: 2.4rem; position: relative;

                .headImg {
                    width: 1.6rem;height: 1.12rem; top: -0.6rem;left:0.3rem;position: absolute;

                    .levlDiv{
                        width: 1.6rem;height: 1.12rem;position: absolute;left: 0;top: 0;
                        background-image: url(../img/list/guild/top1.png);
                    }

                    img {
                        position: relative;width: 0.76rem;height: 0.76rem;border-radius: 50%;left: 0.45rem;top: 0.25rem;
                    }

                    span {
                        width: 0.17rem;height: 0.17rem;border: 0.01rem solid #fbeec6;background-color: #ca7625;font-size: 0.14rem;
                        text-align: center;line-height: 0.15rem;color: #fff8af;border-radius: 50%;position: absolute;bottom: -0.1rem;
                        left: 0.87rem;z-index: 2;
                    }
                }

                p:nth-child(2) {
                    font-size: 0.16rem;font-family: PingFangSC;font-weight: 500;color: #6827C9;margin-top: 0.07rem;width: 90%;
                }

                p:nth-child(3) {
                    font-size: 0.24rem;font-weight: 600;color: #FFFFFF;margin-top: 0.55rem;position: relative;text-align: center;
                }

                p:nth-child(4) {
                    position: relative;width: 2.2rem;height: 0.26rem;text-align: center;line-height: 0.26rem;font-size: 0.22rem;
                    span:first-child {
                        width: 0.9rem;background-color: #b059f7;
                    }

                    span:nth-child(2) {
                        flex: 1;font-size: 0.16rem;font-family: PingFangSC;font-weight: 500;color: #1C1C1C;
                    }
                }
                p:nth-child(5) {
                    font-size: 0.2rem;font-weight: 400;color: #FFFFFF;margin-top:0.08rem;position: relative;text-align: center;
                    span:nth-child(2){
                        color: #FFFAA2;
                    }
                }

                &.part1Item0 {
                    margin: 0 1.7rem;
                }

                &.part1Item1 {
                    left: -1.3rem;top: -1.7rem;
                    .headImg {
                        .levlDiv{
                            background-image: url(../img/list/guild/top2.png);
                        }
                        span {
                            background-color: #ae54e9;
                            border-color: #fff;
                        }
                    }
                }

                &.part1Item2 {
                    left: 1.3rem;top: -1.7rem;
                    .headImg {
                        .levlDiv{
                            background-image: url(../img/list/guild/top3.png);
                        }
                        span {
                            background-color: #d96136;
                            border-color: #f4b7a2;
                        }
                    }
                }

                &.part1Item3 {
                    margin-right:0.2rem;top:-1.5rem;
                    .headImg {
                        top:-0.4rem;
                        .levlDiv{
                            background-image: url(../img/list/guild/top4.png);width: 0.9rem;left: 0.35rem;
                        }
                        img{top:0.05rem;left: 0.4rem;}
                        span {
                            background-color: #959595;
                            border-color: #fff;
                        }

                    }
                }


                &.part1Item4 {
                    margin-right:0.2rem;top:-1.5rem;
                    .headImg {
                        top:-0.4rem;
                        .levlDiv{
                            background-image: url(../img/list/guild/top5.png);width: 0.9rem;left: 0.35rem;
                        }
                        img{top:0.05rem;left: 0.4rem;}
                        span {
                            background-color: #959595;
                            border-color: #fff;
                        }

                    }
                }

                .back{
                    position:absolute;width: 2.2rem;height: 2.4rem;
                    img{
                        width: 2.2rem;height: 2.4rem;
                    }
                }
            }
        }

        .part2 {
            width: 6.82rem;height: 1.4rem;margin: auto;background-image: url(../img/list/guild/part2-m.png);
            p:first-child {
                padding-top: 0.25rem;padding-left: 2.3rem;font-size:0.22rem;color: #C011EC;font-weight: 400;line-height: 0.32rem;width: 58%;
            }
        }

        .part3 {
            width: 6.82rem;height: 7.74rem;background-image: url(../img/list/guild/award.png);margin: 0.2rem auto 0;
            .title{
                display:flex;display: -webkit-flex;flex-direction:row;padding-top: 0.1rem;
                .l{
                    background-image: url(../img/list/guild/aw_t.png);width: 1.32rem;height: 0.28rem;
                }
                .r{
                    background-image: url(../img/list/guild/aw_tj.png);
                    width: 0.1rem;height: 0.14rem;margin-top: 0.07rem;margin-left: 0.4rem;
                }
            }

            .con{
                position: relative;left: 0.5rem;    top: 0.6rem;
            }

            .part3Item {
                position: relative;width: 5.9rem;height: 1.16rem;padding: 0.05rem 0;
                .item{
                    position: relative;width: 5.9rem;height: 1.16rem;
                    .awcon{
                        position: relative; left: 2rem;top:0.13rem;width: 3.5rem;height: 1rem;display: -webkit-flex;
                        flex-direction:row; justify-content:space-around;align-items: center;
                        .awing{
                            min-width: 0.7rem;
                            .imgcls{
                                width: 0.54rem;height: 0.54rem;margin: auto;
                                background-image: url(../img/list/guild/awbg.png);
                                img{
                                    max-width: 0.54rem;max-height: 0.54rem;
                                }
                            }
                            .aname{
                                font-weight: 400;font-size: 0.16rem;color: #CD83DE;line-height: 0.18rem;
                                text-align: center;padding-top: 0.03rem;
                            }
                        }
                    }
                    &.item0{
                        background-image: url(../../assets/img/list/guild/award0.png);
                    }
                    &.item1{
                        background-image: url(../../assets/img/list/guild/award1.png);
                    }
                    &.item2{
                        background-image: url(../../assets/img/list/guild/award2.png);
                    }
                    &.item3{
                        background-image: url(../../assets/img/list/guild/award3.png);
                    }
                    &.item4{
                        background-image: url(../../assets/img/list/guild/award4.png);
                    }

                }

            }

        }
    }
}
